<!doctype html>


<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>eventhandler.js (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
     var _typeTreeName = "goog";
     var _fileTreeName = "Source";
  </script>

  <script src="static/js/doc.js">
  </script>


  <meta charset="utf8">
</head>

<body onload="grokdoc.onLoad();">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>





<div class="colmask rightmenu">
<div class="colleft">
    <div class="col1">
      <!-- Column 1 start -->

<div id="title">
       <span class="fn">eventhandler.js</span>
</div>

<div class="g-section g-tpl-75-25">
  <div class="g-unit g-first" id="description">
    Class to create objects which want to handle multiple events
 and have their listeners easily cleaned up via a dispose method.

 Example:
 <pre class="lang-js prettyprint">
 function Something() {
 goog.base(this);

 ... set up object ...

 // Add event listeners
 this.listen(this.starEl, goog.events.EventType.CLICK, this.handleStar);
 this.listen(this.headerEl, goog.events.EventType.CLICK, this.expand);
 this.listen(this.collapseEl, goog.events.EventType.CLICK, this.collapse);
 this.listen(this.infoEl, goog.events.EventType.MOUSEOVER, this.showHover);
 this.listen(this.infoEl, goog.events.EventType.MOUSEOUT, this.hideHover);
 }
 goog.inherits(Something, goog.events.EventHandler);

 Something.prototype.disposeInternal = function() {
 goog.base(this, &amp;#39;disposeInternal&amp;#39;);
 goog.dom.removeNode(this.container);
 };


 // Then elsewhere:

 var activeSomething = null;
 function openSomething() {
 activeSomething = new Something();
 }

 function closeSomething() {
 if (activeSomething) {
 activeSomething.dispose();  // Remove event listeners
 activeSomething = null;
 }
 }
 </pre>
  </div>
  

        <div class="g-unit" id="useful-links">
          <div class="title">Useful links</div>
          <ol>
            <li><a href="closure_goog_events_eventhandler.js.source.html"><span class='source-code-link'>Source Code</span></a></li>
            <li><a href="http://code.google.com/p/closure-library/source/browse/closure/goog/events/eventhandler.js">Git</a></li>
          </ol>
        </div>
</div>

<h2 class="g-first">File Location</h2>
  <div class="g-section g-tpl-20-80">
    <div class="g-unit g-first">
      <div class="g-c-cell code-label">events/eventhandler.js</div>
    </div>
  </div>
<hr/>


  <h2>Classes</h2>
 <div class="fn-constructor">
        <a href="class_goog_events_EventHandler.html">
          goog.events.EventHandler</a><br/>
        <div class="class-details">Super class for objects that want to easily manage a number of event
listeners.  It allows a short cut to listen and also provides a quick way
to remove all events listeners belonging to this object.</div>
 </div>
      
<br/>

  <div class="legend">
        <span class="key publickey"></span><span>Public</span>
        <span class="key protectedkey"></span><span>Protected</span>
        <span class="key privatekey"></span><span>Private</span>
  </div>









<div class="section">
  <table class="horiz-rule">


  </table>
</div>







  <h2>Global Properties</h2>





<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.events.EventHandler.typeArray_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.events.EventHandler.</span><span class="entryName">typeArray_</span>
        : <div class="fullType">(<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;<span>&nbsp;|&nbsp;</span><span class="type">null</span>)</div>
     </div>


     <div class="entryOverview">
       Utility array used to unify the cases of listening for an array of types
and listening for a single event, without using recursion or allocating
an array each time.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_events_eventhandler.js.source.html#line96">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>



      <!-- Column 1 end -->
    </div>

        <div class="col2">
          <!-- Column 2 start -->
          <div class="col2-c">
            <h2 id="ref-head">Directory events</h2>
            <div id="localView"></div>
          </div>

          <div class="col2-c">
            <h2 id="ref-head">File Reference</h2>
            <div id="sideFileIndex" rootPath="" current="events/eventhandler.js"></div>
          </div>
          <!-- Column 2 end -->
        </div>
</div>
</div>

</body>
</html>
